<div class="container">

    <div class="btn-padding">
        <button type="button" class="btn btn-default btn-secondary"
            [popover]="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'" popoverTitle="Popover on top"
            [adaptivePosition]="true" container="body" boundariesElement="viewport" placement="top">
            Popover on top
        </button>

        <button type="button" class="btn btn-default btn-secondary"
            [popover]="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'" popoverTitle="Popover on bottom"
            [adaptivePosition]="true" container="body" boundariesElement="viewport" placement="bottom">
            Popover on bottom
        </button>
    </div>

</div>
